<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>

</head>
<body>
<div id="root">
    <template>
        <p v-for="(item,index) in info" :key="index">
            姓名：{{item.name}}，性别：{{item.sex}}，年龄：{{item.age}}，职位：{{item.job}}
        </p>
    </template>

</div>
<script>
    Vue.config.productionTip = false;
    new Vue({
        el: "#root",
        data: {
            info: [
                {
                    name: "查小兵",
                    gender: "男",
                    age: "24",
                    job: "初级前端开发"
                },
                {
                    name: "XXX",
                    gender: "男",
                    age: "25",
                    job: "初级后端开发"
                }
            ]
        },
        methods: {}
    })
</script>
</body>
</html>
